<template>
  <div style="min-height: 300px">

    <h4 style="color: #f60000;font-size: 20px">
      这里的演示是对派工单的拆分，来实现对后续批次号产品的报工管理<br/>
      1、派工单是生产计划根据 生产任务通知单的(产品行+工序)生成，<br />
      2、如果本次拆单，是报工后拆单，报工工序报工的产品标识名是A， 如果计划已经下发了后续工序，则是对后续工序分拆分。<br />
      3、如果本次拆单，是报工前拆单，则是本次工序1拆多，先进行拆分在分别报工。<br />
      先报工后拆分更符合， 无论怎么拆分，报工单关联的原始生产任务通知单行不能丢失，都是对这条行数据进行的产量报工
    </h4>

    <a-form :model="entity" :rules="rules" label-width="120px">
      <a-form-item label="批次号1">
        <a-input v-model="entity.cdefine1"  />
      </a-form-item>
      <a-form-item label="批次号2">
        <a-input  v-model="entity.cdefine1" />
      </a-form-item>
      <a-form-item label="批次号3">
        <a-input  v-model="entity.cdefine1" />
      </a-form-item>
      <a-form-item label="批次号4">
        <a-input v-model="entity.cdefine1"  />
      </a-form-item>
      <a-form-item>
        <a-space>
          <a-button type="primary" @click="">确 定</a-button>
          <a-button type="primary" @click="">+批次号</a-button>
        </a-space>
      </a-form-item>
    </a-form>
  </div>
</template>

<script lang="ts" setup>
import {reactive, ref, onMounted, defineProps, defineEmits, nextTick} from "vue";

const emit = defineEmits(['update:modelValue'])
let props = defineProps({
  modelValue : {type : Boolean, default: true},
  entityId : {type : Number, default: 0}
})

let entity = ref({
  id : props.entityId,
  cdefine1: 'H13-250011-',
})
const rules = reactive({
  createUser: [
    { required: true, message: '请输入报工人', trigger: 'blur' },
  ],
  chanlian: [
    { required: true, message: '请输入合格产量', trigger: 'blur' },
  ],
  yuliao: [
    { required: true, message: '请输入余料', trigger: 'blur' },
  ],
})

onMounted(()=>{
  nextTick(()=>{
  })
})
</script>

<style scoped>

</style>
